<!DOCTYPE html>
<html lang="en" dir="auto">

<head><meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="robots" content="index, follow">
<title>Installation | Update | flipped</title>
<meta name="keywords" content="PaperMod" />
<meta name="description" content="Read Install and Update instructions here">
<meta name="author" content="Aditya Telange">
<link rel="canonical" href="http://zouheng22.gitee.io/flippedzh/posts/papermod/papermod-installation/" />
<link crossorigin="anonymous" href="/flippedzh/assets/css/stylesheet.min.2d6dbfc6e0f8a1db1c9d082a76dc11d094328cf63f247bbc2421dfaa7f2bb170.css" integrity="sha256-LW2/xuD4odscnQgqdtwR0JQyjPY/JHu8JCHfqn8rsXA=" rel="preload stylesheet" as="style">
<script defer crossorigin="anonymous" src="/flippedzh/assets/js/highlight.min.7680afc38aa6b15ddf158a4f3780b7b1f7dde7e91d26f073e6229bb7a0793c92.js" integrity="sha256-doCvw4qmsV3fFYpPN4C3sffd5&#43;kdJvBz5iKbt6B5PJI="
    onload="hljs.initHighlightingOnLoad();"></script>
<link rel="icon" href="http://zouheng22.gitee.io/flippedzh/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="http://zouheng22.gitee.io/flippedzh/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="http://zouheng22.gitee.io/flippedzh/favicon-32x32.png">
<link rel="apple-touch-icon" href="http://zouheng22.gitee.io/flippedzh/apple-touch-icon.png">
<link rel="mask-icon" href="http://zouheng22.gitee.io/flippedzh/safari-pinned-tab.svg">
<meta name="theme-color" content="#2e2e33">
<meta name="msapplication-TileColor" content="#2e2e33">
<meta name="generator" content="Hugo 0.83.1" />
<link rel="alternate" hreflang="en" href="http://zouheng22.gitee.io/flippedzh/posts/papermod/papermod-installation/" />
<meta property="og:title" content="Installation | Update" />
<meta property="og:description" content="Read Install and Update instructions here" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://zouheng22.gitee.io/flippedzh/posts/papermod/papermod-installation/" /><meta property="og:image" content="http://zouheng22.gitee.io/flippedzh/papermod-cover.png"/><meta property="article:section" content="posts" />
<meta property="article:published_time" content="2021-01-20T00:00:00&#43;00:00" />
<meta property="article:modified_time" content="2021-01-20T00:00:00&#43;00:00" />


<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="http://zouheng22.gitee.io/flippedzh/papermod-cover.png"/>

<meta name="twitter:title" content="Installation | Update"/>
<meta name="twitter:description" content="Read Install and Update instructions here"/>


<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [, 
    {
      "@type": "ListItem",
      "position":  2 ,
      "name": "Posts",
      "item": "http://zouheng22.gitee.io/flippedzh/posts/"
    }, 
    {
      "@type": "ListItem",
      "position":  3 ,
      "name": "PaperMod",
      "item": "http://zouheng22.gitee.io/flippedzh/posts/papermod/"
    }, 
    {
      "@type": "ListItem",
      "position":  4 ,
      "name": "Installation | Update",
      "item": "http://zouheng22.gitee.io/flippedzh/posts/papermod/papermod-installation/"
    }
  ]
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "Installation | Update",
  "name": "Installation | Update",
  "description": "Read Install and Update instructions here",
  "keywords": [
    "PaperMod"
  ],
  "articleBody": "Intro  We’ll be using yml/yaml format for all examples down below, I recommend using yml over toml as it is easier to read. You can find any YML to TOML converters if necessary.   Guide Follow Quick Start guide to setup hugo and create a new site.\n Note: Use -f to select yml format\nhugo new site -f yml\n Make sure you install latest version of hugo(=0.82.0).\nAfter you have created a new site, at Step 3 follow the steps:\nMethod 1 Inside the folder of your Hugo site, run:\ngit clone https://github.com/adityatelange/hugo-PaperMod themes/PaperMod --depth=1 Note: You may use  --branch v5.0 to end of above command if you want to stick to specific release.\n Updating theme :\ncd themes/PaperMod git pull  Method 2 you can use as submodule with\ngit submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod --depth=1 git submodule update --init --recursive # needed when you reclone your repo (submodules may not get cloned automatically) Note: You may use  --branch v5.0 to end of above command if you want to stick to specific release.\n Updating theme :\ngit submodule update --remote --merge  Method 3 Or you can Download as Zip from Github Page and extract in your themes directory\nDirect Links:\n Master Branch (Latest) v5.0 v4.0 v3.0 v2.0 v1.0  Finally … Add in config.yml:\ntheme: \"PaperMod\"  Quick Links   Papermod - Features   Papermod - FAQs   Papermod - Variables   Papermod - Icons   ChangeLog    Sample config.yml  Example Site Structure is present here: exampleSite\n Use appropriately\nbaseURL: \"https://examplesite.com/\" title: ExampleSite paginate: 5 theme: PaperMod enableRobotsTXT: true buildDrafts: false buildFuture: false buildExpired: false googleAnalytics: UA-123-45 minify: disableXML: true minifyOutput: true params: env: production # to enable google analytics, opengraph, twitter-cards and schema. title: ExampleSite description: \"ExampleSite description\" keywords: [Blog, Portfolio, PaperMod] author: Me # author: [\"Me\", \"You\"] # multiple authors images: [\"\"] DateFormat: \"January 2, 2006\" defaultTheme: auto # dark, light disableThemeToggle: false ShowReadingTime: true ShowShareButtons: true ShowPostNavLinks: true ShowBreadCrumbs: true ShowCodeCopyButtons: false disableSpecial1stPost: false disableScrollToTop: false comments: false hidemeta: false hideSummary: false showtoc: false tocopen: false assets: # disableHLJS: true # to disable highlight.js # disableFingerprinting: true favicon: \"\" favicon16x16: \"\" favicon32x32: \"\" apple_touch_icon: \"\" safari_pinned_tab: \"\" label: text: \"Home\" icon: /apple-touch-icon.png iconHeight: 35 # profile-mode profileMode: enabled: false # needs to be explicitly set title: ExampleSite subtitle: \"This is subtitle\" imageUrl: \"\" imageWidth: 120 imageHeight: 120 imageTitle: my image buttons: - name: Posts url: posts - name: Tags url: tags # home-info mode homeInfoParams: Title: \"Hi there \\U0001F44B\" Content: Welcome to my blog socialIcons: - name: twitter url: \"https://twitter.com/\" - name: stackoverflow url: \"https://stackoverflow.com\" - name: github url: \"https://github.com/\" analytics: google: SiteVerificationTag: \"XYZabc\" bing: SiteVerificationTag: \"XYZabc\" yandex: SiteVerificationTag: \"XYZabc\" cover: hidden: true # hide everywhere but not in structured data hiddenInList: true # hide on list pages and home hiddenInSingle: true # hide on single page editPost: URL: \"https://github.com//content\" Text: \"Suggest Changes\" # edit text appendFilePath: true # to append file path to Edit link # for search # https://fusejs.io/api/options.html fuseOpts: isCaseSensitive: false shouldSort: true location: 0 distance: 1000 threshold: 0.4 minMatchCharLength: 0 keys: [\"title\", \"permalink\", \"summary\", \"content\"] menu: main: - identifier: categories name: categories url: /categories/ weight: 10 - identifier: tags name: tags url: /tags/ weight: 20 - identifier: example name: example.org url: https://example.org weight: 30 # Read: https://github.com/adityatelange/hugo-PaperMod/wiki/FAQs#using-hugos-syntax-highlighter-chroma # pygmentsUseClasses: true # markup: # highlight: # # anchorLineNos: true # codeFences: true # guessSyntax: true # lineNos: true # style: monokai  Sample Page.md --- title: \"My 1st post\" date: 2020-09-15T11:30:03+00:00 # weight: 1 # aliases: [\"/first\"] tags: [\"first\"] author: \"Me\" # author: [\"Me\", \"You\"] # multiple authors showToc: true TocOpen: false draft: false hidemeta: false comments: false description: \"Desc Text.\" canonicalURL: \"https://canonical.url/to/page\" disableHLJS: true # to disable highlightjs disableShare: false disableHLJS: false hideSummary: false searchHidden: true ShowReadingTime: true ShowBreadCrumbs: true ShowPostNavLinks: true cover: image: \"\" # image path/url alt: \"\" # alt text caption: \"\" # display caption under cover relative: false # when using page bundles set this to true hidden: true # only hide on current single page editPost: URL: \"https://github.com//content\" Text: \"Suggest Changes\" # edit text appendFilePath: true # to append file path to Edit link --- You can use it by creating archetypes/post.md\nhugo new --kind post   ",
  "wordCount" : "716",
  "inLanguage": "en",
  "datePublished": "2021-01-20T00:00:00Z",
  "dateModified": "2021-01-20T00:00:00Z",
  "author":{
    "@type": "Person",
    "name": "Aditya Telange"
  },
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "http://zouheng22.gitee.io/flippedzh/posts/papermod/papermod-installation/"
  },
  "publisher": {
    "@type": "Organization",
    "name": "flipped",
    "logo": {
      "@type": "ImageObject",
      "url": "http://zouheng22.gitee.io/flippedzh/favicon.ico"
    }
  }
}
</script>
</head>

<body class="" id="top">
<script>
    if (localStorage.getItem("pref-theme") === "dark") {
        document.body.classList.add('dark');
    } else if (localStorage.getItem("pref-theme") === "light") {
        document.body.classList.remove('dark')
    } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
        document.body.classList.add('dark');
    }

</script>
<noscript>
    <style type="text/css">
        #theme-toggle,
        .top-link {
            display: none;
        }

    </style>
    <style>
        @media (prefers-color-scheme: dark) {
            :root {
                --theme: #1d1e20;
                --entry: #2e2e33;
                --primary: rgba(255, 255, 255, 0.84);
                --secondary: rgba(255, 255, 255, 0.56);
                --tertiary: rgba(255, 255, 255, 0.16);
                --content: rgba(255, 255, 255, 0.74);
                --hljs-bg: #2e2e33;
                --code-bg: #37383e;
                --border: #333;
            }

            .list {
                background: var(--theme);
            }

            .list:not(.dark)::-webkit-scrollbar-track {
                background: 0 0;
            }

            .list:not(.dark)::-webkit-scrollbar-thumb {
                border-color: var(--theme);
            }
        }

    </style>
</noscript>

<header class="header">
    <nav class="nav">
        <div class="logo">
            <a href="http://zouheng22.gitee.io/flippedzh" accesskey="h" title="flipped (Alt + H)">flipped</a>
            <span class="logo-switches">
                <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                    <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round">
                        <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
                    </svg>
                    <svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round">
                        <circle cx="12" cy="12" r="5"></circle>
                        <line x1="12" y1="1" x2="12" y2="3"></line>
                        <line x1="12" y1="21" x2="12" y2="23"></line>
                        <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
                        <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
                        <line x1="1" y1="12" x2="3" y2="12"></line>
                        <line x1="21" y1="12" x2="23" y2="12"></line>
                        <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
                        <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
                    </svg>
                </button>
                
            </span>
        </div>
        <ul id="menu">
            <li>
                <a href="http://zouheng22.gitee.io/flippedzh/archives/" title="文章">
                    <span>文章</span>
                </a>
            </li>
            <li>
                <a href="http://zouheng22.gitee.io/flippedzh/categories" title="目录">
                    <span>目录</span>
                </a>
            </li>
            <li>
                <a href="http://zouheng22.gitee.io/flippedzh/tags" title="标签">
                    <span>标签</span>
                </a>
            </li>
            <li>
                <a href="http://zouheng22.gitee.io/flippedzh/series" title="系列">
                    <span>系列</span>
                </a>
            </li>
            <li>
                <a href="http://zouheng22.gitee.io/flippedzh/search/" title="搜索">
                    <span>搜索</span>
                </a>
            </li>
            <li>
                <a href="http://zouheng22.gitee.io/flippedzh/fr" title="关于我">
                    <span>关于我</span>
                </a>
            </li>
        </ul>
    </nav>
</header>
<main class="main">

<article class="post-single">
  <header class="post-header">
    <div class="breadcrumbs"><a href="http://zouheng22.gitee.io/flippedzh">Home</a>&nbsp;»&nbsp;<a href="http://zouheng22.gitee.io/flippedzh/posts/">Posts</a>&nbsp;»&nbsp;<a href="http://zouheng22.gitee.io/flippedzh/posts/papermod/">PaperMod</a></div>
    <h1 class="post-title">
      Installation | Update<div class="entry-isdraft"><sup>&nbsp;&nbsp;[draft]</sup></div>
    </h1>
    <div class="post-meta">January 20, 2021&nbsp;·&nbsp;4 min&nbsp;·&nbsp;Aditya Telange
</div>
  </header> <div class="toc">
    <details >
        <summary accesskey="c" title="(Alt + C)">
            <div class="details">Table of Contents</div>
        </summary>
        <div class="inner"><ul>
                <li>
                    <a href="#intro" aria-label="Intro">Intro</a></li>
                <li>
                    <a href="#guide" aria-label="Guide">Guide</a><ul>
                        
                <li>
                    <a href="#method-1" aria-label="Method 1">Method 1</a></li>
                <li>
                    <a href="#method-2" aria-label="Method 2">Method 2</a></li>
                <li>
                    <a href="#method-3" aria-label="Method 3">Method 3</a></li>
                <li>
                    <a href="#finally-" aria-label="Finally &amp;hellip;">Finally &hellip;</a></li></ul>
                </li>
                <li>
                    <a href="#quick-links" aria-label="Quick Links">Quick Links</a><ul>
                        
                <li>
                    <a href="#papermod---featurespapermod-features" aria-label="Papermod - Features"><a href="../papermod-features">Papermod - Features</a></a></li>
                <li>
                    <a href="#papermod---faqspapermod-how-to" aria-label="Papermod - FAQs"><a href="../papermod-how-to">Papermod - FAQs</a></a></li>
                <li>
                    <a href="#papermod---variablespapermod-variables" aria-label="Papermod - Variables"><a href="../papermod-variables">Papermod - Variables</a></a></li>
                <li>
                    <a href="#papermod---iconspapermod-icons" aria-label="Papermod - Icons"><a href="../papermod-icons">Papermod - Icons</a></a></li>
                <li>
                    <a href="#changeloghttpsgithubcomadityatelangehugo-papermodreleases" aria-label="ChangeLog"><a href="https://github.com/adityatelange/hugo-PaperMod/releases">ChangeLog</a></a></li></ul>
                </li>
                <li>
                    <a href="#sample-configyml" aria-label="Sample config.yml">Sample <code>config.yml</code></a></li>
                <li>
                    <a href="#sample-pagemd" aria-label="Sample Page.md">Sample <code>Page.md</code></a>
                </li>
            </ul>
        </div>
    </details>
</div>

  <div class="post-content"><h2 id="intro">Intro<a hidden class="anchor" aria-hidden="true" href="#intro">#</a></h2>
<ul>
<li><strong>We&rsquo;ll be using <code>yml/yaml</code> format for all examples down below, I recommend using <code>yml</code> over <code>toml</code> as it is easier to read.</strong></li>
<li>You can find any <a href="https://www.google.com/search?q=yml+to+toml">YML to TOML</a> converters if necessary.</li>
</ul>
<hr>
<h2 id="guide">Guide<a hidden class="anchor" aria-hidden="true" href="#guide">#</a></h2>
<p>Follow <a href="https://gohugo.io/getting-started/quick-start/">Quick Start</a> guide to setup hugo and create a new site.</p>
<blockquote>
<p>Note: Use -f to select yml format</p>
<p><code>hugo new site &lt;name of site&gt; -f yml</code></p>
</blockquote>
<p>Make sure you install latest version of <strong><code>hugo(&gt;=0.82.0)</code></strong>.</p>
<p>After you have created a new site, at <a href="https://gohugo.io/getting-started/quick-start/#step-3-add-a-theme">Step 3</a> follow the steps:</p>
<h3 id="method-1">Method 1<a hidden class="anchor" aria-hidden="true" href="#method-1">#</a></h3>
<p>Inside the folder of your Hugo site, run:</p>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-bash" data-lang="bash">git clone https://github.com/adityatelange/hugo-PaperMod themes/PaperMod --depth<span style="color:#f92672">=</span><span style="color:#ae81ff">1</span>
</code></pre></div><p><strong>Note</strong>: You may use <code> --branch v5.0</code> to end of above command if you want to stick to specific release.</p>
<blockquote>
<p>Updating theme :</p>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-bash" data-lang="bash">cd themes/PaperMod
git pull
</code></pre></div></blockquote>
<h3 id="method-2">Method 2<a hidden class="anchor" aria-hidden="true" href="#method-2">#</a></h3>
<p>you can use as <a href="https://www.atlassian.com/git/tutorials/git-submodule">submodule</a> with</p>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-bash" data-lang="bash">git submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod --depth<span style="color:#f92672">=</span><span style="color:#ae81ff">1</span>
git submodule update --init --recursive <span style="color:#75715e"># needed when you reclone your repo (submodules may not get cloned automatically)</span>
</code></pre></div><p><strong>Note</strong>: You may use <code> --branch v5.0</code> to end of above command if you want to stick to specific release.</p>
<blockquote>
<p>Updating theme :</p>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-bash" data-lang="bash">git submodule update --remote --merge
</code></pre></div></blockquote>
<h3 id="method-3">Method 3<a hidden class="anchor" aria-hidden="true" href="#method-3">#</a></h3>
<p>Or you can Download as Zip from Github Page and extract in your themes directory</p>
<p>Direct Links:</p>
<ul>
<li><a href="https://github.com/adityatelange/hugo-PaperMod/archive/master.zip">Master Branch (Latest)</a></li>
<li><a href="https://github.com/adityatelange/hugo-PaperMod/archive/v5.0.zip">v5.0</a></li>
<li><a href="https://github.com/adityatelange/hugo-PaperMod/archive/v4.0.zip">v4.0</a></li>
<li><a href="https://github.com/adityatelange/hugo-PaperMod/archive/v3.0.zip">v3.0</a></li>
<li><a href="https://github.com/adityatelange/hugo-PaperMod/archive/v2.0.zip">v2.0</a></li>
<li><a href="https://github.com/adityatelange/hugo-PaperMod/archive/v1.0.zip">v1.0</a></li>
</ul>
<h3 id="finally-">Finally &hellip;<a hidden class="anchor" aria-hidden="true" href="#finally-">#</a></h3>
<p>Add in <code>config.yml</code>:</p>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-yml" data-lang="yml"><span style="color:#f92672">theme</span>: <span style="color:#e6db74">&#34;PaperMod&#34;</span>
</code></pre></div><hr>
<h2 id="quick-links">Quick Links<a hidden class="anchor" aria-hidden="true" href="#quick-links">#</a></h2>
<ul>
<li>
<h3 id="papermod---featurespapermod-features"><a href="../papermod-features">Papermod - Features</a><a hidden class="anchor" aria-hidden="true" href="#papermod---featurespapermod-features">#</a></h3>
</li>
<li>
<h3 id="papermod---faqspapermod-how-to"><a href="../papermod-how-to">Papermod - FAQs</a><a hidden class="anchor" aria-hidden="true" href="#papermod---faqspapermod-how-to">#</a></h3>
</li>
<li>
<h3 id="papermod---variablespapermod-variables"><a href="../papermod-variables">Papermod - Variables</a><a hidden class="anchor" aria-hidden="true" href="#papermod---variablespapermod-variables">#</a></h3>
</li>
<li>
<h3 id="papermod---iconspapermod-icons"><a href="../papermod-icons">Papermod - Icons</a><a hidden class="anchor" aria-hidden="true" href="#papermod---iconspapermod-icons">#</a></h3>
</li>
<li>
<h3 id="changeloghttpsgithubcomadityatelangehugo-papermodreleases"><a href="https://github.com/adityatelange/hugo-PaperMod/releases">ChangeLog</a><a hidden class="anchor" aria-hidden="true" href="#changeloghttpsgithubcomadityatelangehugo-papermodreleases">#</a></h3>
</li>
</ul>
<hr>
<h2 id="sample-configyml">Sample <code>config.yml</code><a hidden class="anchor" aria-hidden="true" href="#sample-configyml">#</a></h2>
<blockquote>
<p><strong>Example Site Structure is present here</strong>: <a href="https://github.com/adityatelange/hugo-PaperMod/tree/exampleSite/">exampleSite</a></p>
</blockquote>
<p><strong>Use appropriately</strong></p>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-yml" data-lang="yml"><span style="color:#f92672">baseURL</span>: <span style="color:#e6db74">&#34;https://examplesite.com/&#34;</span>
<span style="color:#f92672">title</span>: <span style="color:#ae81ff">ExampleSite</span>
<span style="color:#f92672">paginate</span>: <span style="color:#ae81ff">5</span>
<span style="color:#f92672">theme</span>: <span style="color:#ae81ff">PaperMod</span>

<span style="color:#f92672">enableRobotsTXT</span>: <span style="color:#66d9ef">true</span>
<span style="color:#f92672">buildDrafts</span>: <span style="color:#66d9ef">false</span>
<span style="color:#f92672">buildFuture</span>: <span style="color:#66d9ef">false</span>
<span style="color:#f92672">buildExpired</span>: <span style="color:#66d9ef">false</span>

<span style="color:#f92672">googleAnalytics</span>: <span style="color:#ae81ff">UA-123-45</span>

<span style="color:#f92672">minify</span>:
    <span style="color:#f92672">disableXML</span>: <span style="color:#66d9ef">true</span>
    <span style="color:#f92672">minifyOutput</span>: <span style="color:#66d9ef">true</span>

<span style="color:#f92672">params</span>:
    <span style="color:#f92672">env</span>: <span style="color:#ae81ff">production</span> <span style="color:#75715e"># to enable google analytics, opengraph, twitter-cards and schema.</span>
    <span style="color:#f92672">title</span>: <span style="color:#ae81ff">ExampleSite</span>
    <span style="color:#f92672">description</span>: <span style="color:#e6db74">&#34;ExampleSite description&#34;</span>
    <span style="color:#f92672">keywords</span>: [<span style="color:#ae81ff">Blog, Portfolio, PaperMod]</span>
    <span style="color:#f92672">author</span>: <span style="color:#ae81ff">Me</span>
    <span style="color:#75715e"># author: [&#34;Me&#34;, &#34;You&#34;] # multiple authors</span>
    <span style="color:#f92672">images</span>: [<span style="color:#e6db74">&#34;&lt;link or path of image for opengraph, twitter-cards&gt;&#34;</span>]
    <span style="color:#f92672">DateFormat</span>: <span style="color:#e6db74">&#34;January 2, 2006&#34;</span>
    <span style="color:#f92672">defaultTheme</span>: <span style="color:#ae81ff">auto</span> <span style="color:#75715e"># dark, light</span>
    <span style="color:#f92672">disableThemeToggle</span>: <span style="color:#66d9ef">false</span>

    <span style="color:#f92672">ShowReadingTime</span>: <span style="color:#66d9ef">true</span>
    <span style="color:#f92672">ShowShareButtons</span>: <span style="color:#66d9ef">true</span>
    <span style="color:#f92672">ShowPostNavLinks</span>: <span style="color:#66d9ef">true</span>
    <span style="color:#f92672">ShowBreadCrumbs</span>: <span style="color:#66d9ef">true</span>
    <span style="color:#f92672">ShowCodeCopyButtons</span>: <span style="color:#66d9ef">false</span>
    <span style="color:#f92672">disableSpecial1stPost</span>: <span style="color:#66d9ef">false</span>
    <span style="color:#f92672">disableScrollToTop</span>: <span style="color:#66d9ef">false</span>
    <span style="color:#f92672">comments</span>: <span style="color:#66d9ef">false</span>
    <span style="color:#f92672">hidemeta</span>: <span style="color:#66d9ef">false</span>
    <span style="color:#f92672">hideSummary</span>: <span style="color:#66d9ef">false</span>
    <span style="color:#f92672">showtoc</span>: <span style="color:#66d9ef">false</span>
    <span style="color:#f92672">tocopen</span>: <span style="color:#66d9ef">false</span>

    <span style="color:#f92672">assets</span>:
        <span style="color:#75715e"># disableHLJS: true # to disable highlight.js</span>
        <span style="color:#75715e"># disableFingerprinting: true</span>
        <span style="color:#f92672">favicon</span>: <span style="color:#e6db74">&#34;&lt;link / abs url&gt;&#34;</span>
        <span style="color:#f92672">favicon16x16</span>: <span style="color:#e6db74">&#34;&lt;link / abs url&gt;&#34;</span>
        <span style="color:#f92672">favicon32x32</span>: <span style="color:#e6db74">&#34;&lt;link / abs url&gt;&#34;</span>
        <span style="color:#f92672">apple_touch_icon</span>: <span style="color:#e6db74">&#34;&lt;link / abs url&gt;&#34;</span>
        <span style="color:#f92672">safari_pinned_tab</span>: <span style="color:#e6db74">&#34;&lt;link / abs url&gt;&#34;</span>

    <span style="color:#f92672">label</span>:
        <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#34;Home&#34;</span>
        <span style="color:#f92672">icon</span>: <span style="color:#ae81ff">/apple-touch-icon.png</span>
        <span style="color:#f92672">iconHeight</span>: <span style="color:#ae81ff">35</span>

    <span style="color:#75715e"># profile-mode</span>
    <span style="color:#f92672">profileMode</span>:
        <span style="color:#f92672">enabled</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># needs to be explicitly set</span>
        <span style="color:#f92672">title</span>: <span style="color:#ae81ff">ExampleSite</span>
        <span style="color:#f92672">subtitle</span>: <span style="color:#e6db74">&#34;This is subtitle&#34;</span>
        <span style="color:#f92672">imageUrl</span>: <span style="color:#e6db74">&#34;&lt;img location&gt;&#34;</span>
        <span style="color:#f92672">imageWidth</span>: <span style="color:#ae81ff">120</span>
        <span style="color:#f92672">imageHeight</span>: <span style="color:#ae81ff">120</span>
        <span style="color:#f92672">imageTitle</span>: <span style="color:#ae81ff">my image</span>
        <span style="color:#f92672">buttons</span>:
            - <span style="color:#f92672">name</span>: <span style="color:#ae81ff">Posts</span>
              <span style="color:#f92672">url</span>: <span style="color:#ae81ff">posts</span>
            - <span style="color:#f92672">name</span>: <span style="color:#ae81ff">Tags</span>
              <span style="color:#f92672">url</span>: <span style="color:#ae81ff">tags</span>

    <span style="color:#75715e"># home-info mode</span>
    <span style="color:#f92672">homeInfoParams</span>:
        <span style="color:#f92672">Title</span>: <span style="color:#e6db74">&#34;Hi there \U0001F44B&#34;</span>
        <span style="color:#f92672">Content</span>: <span style="color:#ae81ff">Welcome to my blog</span>

    <span style="color:#f92672">socialIcons</span>:
        - <span style="color:#f92672">name</span>: <span style="color:#ae81ff">twitter</span>
          <span style="color:#f92672">url</span>: <span style="color:#e6db74">&#34;https://twitter.com/&#34;</span>
        - <span style="color:#f92672">name</span>: <span style="color:#ae81ff">stackoverflow</span>
          <span style="color:#f92672">url</span>: <span style="color:#e6db74">&#34;https://stackoverflow.com&#34;</span>
        - <span style="color:#f92672">name</span>: <span style="color:#ae81ff">github</span>
          <span style="color:#f92672">url</span>: <span style="color:#e6db74">&#34;https://github.com/&#34;</span>

    <span style="color:#f92672">analytics</span>:
        <span style="color:#f92672">google</span>:
            <span style="color:#f92672">SiteVerificationTag</span>: <span style="color:#e6db74">&#34;XYZabc&#34;</span>
        <span style="color:#f92672">bing</span>:
            <span style="color:#f92672">SiteVerificationTag</span>: <span style="color:#e6db74">&#34;XYZabc&#34;</span>
        <span style="color:#f92672">yandex</span>:
            <span style="color:#f92672">SiteVerificationTag</span>: <span style="color:#e6db74">&#34;XYZabc&#34;</span>

    <span style="color:#f92672">cover</span>:
        <span style="color:#f92672">hidden</span>: <span style="color:#66d9ef">true</span> <span style="color:#75715e"># hide everywhere but not in structured data</span>
        <span style="color:#f92672">hiddenInList</span>: <span style="color:#66d9ef">true</span> <span style="color:#75715e"># hide on list pages and home</span>
        <span style="color:#f92672">hiddenInSingle</span>: <span style="color:#66d9ef">true</span> <span style="color:#75715e"># hide on single page</span>

    <span style="color:#f92672">editPost</span>:
        <span style="color:#f92672">URL</span>: <span style="color:#e6db74">&#34;https://github.com/&lt;path_to_repo&gt;/content&#34;</span>
        <span style="color:#f92672">Text</span>: <span style="color:#e6db74">&#34;Suggest Changes&#34;</span> <span style="color:#75715e"># edit text</span>
        <span style="color:#f92672">appendFilePath</span>: <span style="color:#66d9ef">true</span> <span style="color:#75715e"># to append file path to Edit link</span>

    <span style="color:#75715e"># for search</span>
    <span style="color:#75715e"># https://fusejs.io/api/options.html</span>
    <span style="color:#f92672">fuseOpts</span>:
        <span style="color:#f92672">isCaseSensitive</span>: <span style="color:#66d9ef">false</span>
        <span style="color:#f92672">shouldSort</span>: <span style="color:#66d9ef">true</span>
        <span style="color:#f92672">location</span>: <span style="color:#ae81ff">0</span>
        <span style="color:#f92672">distance</span>: <span style="color:#ae81ff">1000</span>
        <span style="color:#f92672">threshold</span>: <span style="color:#ae81ff">0.4</span>
        <span style="color:#f92672">minMatchCharLength</span>: <span style="color:#ae81ff">0</span>
        <span style="color:#f92672">keys</span>: [<span style="color:#e6db74">&#34;title&#34;</span>, <span style="color:#e6db74">&#34;permalink&#34;</span>, <span style="color:#e6db74">&#34;summary&#34;</span>, <span style="color:#e6db74">&#34;content&#34;</span>]
<span style="color:#f92672">menu</span>:
    <span style="color:#f92672">main</span>:
        - <span style="color:#f92672">identifier</span>: <span style="color:#ae81ff">categories</span>
          <span style="color:#f92672">name</span>: <span style="color:#ae81ff">categories</span>
          <span style="color:#f92672">url</span>: <span style="color:#ae81ff">/categories/</span>
          <span style="color:#f92672">weight</span>: <span style="color:#ae81ff">10</span>
        - <span style="color:#f92672">identifier</span>: <span style="color:#ae81ff">tags</span>
          <span style="color:#f92672">name</span>: <span style="color:#ae81ff">tags</span>
          <span style="color:#f92672">url</span>: <span style="color:#ae81ff">/tags/</span>
          <span style="color:#f92672">weight</span>: <span style="color:#ae81ff">20</span>
        - <span style="color:#f92672">identifier</span>: <span style="color:#ae81ff">example</span>
          <span style="color:#f92672">name</span>: <span style="color:#ae81ff">example.org</span>
          <span style="color:#f92672">url</span>: <span style="color:#ae81ff">https://example.org</span>
          <span style="color:#f92672">weight</span>: <span style="color:#ae81ff">30</span>
<span style="color:#75715e"># Read: https://github.com/adityatelange/hugo-PaperMod/wiki/FAQs#using-hugos-syntax-highlighter-chroma</span>
<span style="color:#75715e"># pygmentsUseClasses: true</span>
<span style="color:#75715e"># markup:</span>
<span style="color:#75715e">#     highlight:</span>
<span style="color:#75715e">#         # anchorLineNos: true</span>
<span style="color:#75715e">#         codeFences: true</span>
<span style="color:#75715e">#         guessSyntax: true</span>
<span style="color:#75715e">#         lineNos: true</span>
<span style="color:#75715e">#         style: monokai</span>
</code></pre></div><hr>
<h2 id="sample-pagemd">Sample <code>Page.md</code><a hidden class="anchor" aria-hidden="true" href="#sample-pagemd">#</a></h2>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-yml" data-lang="yml">---
<span style="color:#f92672">title</span>: <span style="color:#e6db74">&#34;My 1st post&#34;</span>
<span style="color:#f92672">date</span>: <span style="color:#e6db74">2020-09-15T11:30:03</span><span style="color:#ae81ff">+00</span>:<span style="color:#ae81ff">00</span>
<span style="color:#75715e"># weight: 1</span>
<span style="color:#75715e"># aliases: [&#34;/first&#34;]</span>
<span style="color:#f92672">tags</span>: [<span style="color:#e6db74">&#34;first&#34;</span>]
<span style="color:#f92672">author</span>: <span style="color:#e6db74">&#34;Me&#34;</span>
<span style="color:#75715e"># author: [&#34;Me&#34;, &#34;You&#34;] # multiple authors</span>
<span style="color:#f92672">showToc</span>: <span style="color:#66d9ef">true</span>
<span style="color:#f92672">TocOpen</span>: <span style="color:#66d9ef">false</span>
<span style="color:#f92672">draft</span>: <span style="color:#66d9ef">false</span>
<span style="color:#f92672">hidemeta</span>: <span style="color:#66d9ef">false</span>
<span style="color:#f92672">comments</span>: <span style="color:#66d9ef">false</span>
<span style="color:#f92672">description</span>: <span style="color:#e6db74">&#34;Desc Text.&#34;</span>
<span style="color:#f92672">canonicalURL</span>: <span style="color:#e6db74">&#34;https://canonical.url/to/page&#34;</span>
<span style="color:#f92672">disableHLJS</span>: <span style="color:#66d9ef">true</span> <span style="color:#75715e"># to disable highlightjs</span>
<span style="color:#f92672">disableShare</span>: <span style="color:#66d9ef">false</span>
<span style="color:#f92672">disableHLJS</span>: <span style="color:#66d9ef">false</span>
<span style="color:#f92672">hideSummary</span>: <span style="color:#66d9ef">false</span>
<span style="color:#f92672">searchHidden</span>: <span style="color:#66d9ef">true</span>
<span style="color:#f92672">ShowReadingTime</span>: <span style="color:#66d9ef">true</span>
<span style="color:#f92672">ShowBreadCrumbs</span>: <span style="color:#66d9ef">true</span>
<span style="color:#f92672">ShowPostNavLinks</span>: <span style="color:#66d9ef">true</span>
<span style="color:#f92672">cover</span>:
    <span style="color:#f92672">image</span>: <span style="color:#e6db74">&#34;&lt;image path/url&gt;&#34;</span> <span style="color:#75715e"># image path/url</span>
    <span style="color:#f92672">alt</span>: <span style="color:#e6db74">&#34;&lt;alt text&gt;&#34;</span> <span style="color:#75715e"># alt text</span>
    <span style="color:#f92672">caption</span>: <span style="color:#e6db74">&#34;&lt;text&gt;&#34;</span> <span style="color:#75715e"># display caption under cover</span>
    <span style="color:#f92672">relative</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># when using page bundles set this to true</span>
    <span style="color:#f92672">hidden</span>: <span style="color:#66d9ef">true</span> <span style="color:#75715e"># only hide on current single page</span>
<span style="color:#f92672">editPost</span>:
    <span style="color:#f92672">URL</span>: <span style="color:#e6db74">&#34;https://github.com/&lt;path_to_repo&gt;/content&#34;</span>
    <span style="color:#f92672">Text</span>: <span style="color:#e6db74">&#34;Suggest Changes&#34;</span> <span style="color:#75715e"># edit text</span>
    <span style="color:#f92672">appendFilePath</span>: <span style="color:#66d9ef">true</span> <span style="color:#75715e"># to append file path to Edit link</span>
---
</code></pre></div><p>You can use it by creating <code>archetypes/post.md</code></p>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-shell" data-lang="shell">hugo new --kind post &lt;name&gt;
</code></pre></div><hr>

</div>
  <footer class="post-footer">
    <ul class="post-tags">
      <li><a href="http://zouheng22.gitee.io/flippedzh/tags/papermod/">PaperMod</a></li>
    </ul>
<nav class="paginav">
  <a class="prev" href="http://zouheng22.gitee.io/flippedzh/posts/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/">
    <span class="title">« Prev Page</span>
    <br>
    <span>操作系统知识</span>
  </a>
  <a class="next" href="http://zouheng22.gitee.io/flippedzh/posts/papermod/papermod-features/">
    <span class="title">Next Page »</span>
    <br>
    <span>Features</span>
  </a>
</nav>

<div class="share-buttons">
    <a target="_blank" rel="noopener noreferrer" aria-label="share Installation | Update on twitter"
        href="https://weibo.com/">
        <svg height="256px" style="enable-background:new 0 0 256 256;" version="1.1" viewBox="0 0 256 256" width="256px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g id="Background_1_" style="enable-background:new    ;">
        <g id="Background">
            <g>
                <path d="M249.422,30.68c-2.721-4.986-5.816-9.537-9.793-13.521     c-3.992-3.998-8.709-7.587-13.703-10.314c-8.381-4.576-18.788-6.855-29.002-6.855H59.075c-10.444,0-20.542,2.344-29.265,6.948     c-5.022,2.649-9.588,6.146-13.502,10.126c-3.932,3.998-7.491,8.488-10.046,13.572c-4.289,8.533-6.274,18.478-6.274,28.65v137.43     c0,10.326,1.671,20.678,6.296,29.134c2.681,4.9,6.191,9.86,10.087,13.795c3.934,3.97,8.583,7.225,13.503,9.955     c8.465,4.7,18.842,6.413,29.201,6.413h137.849c10.568,0,20.399-1.523,28.982-6.401c4.739-2.692,9.879-6.113,13.687-9.966     c3.923-3.968,7.2-8.851,9.886-13.799c4.566-8.415,6.533-18.874,6.533-29.131V59.285C256.012,48.978,254.031,39.124,249.422,30.68     z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#FFE591;"/>
            </g>
        </g>
    </g>
        <g id="Shape_4_1_" style="enable-background:new    ;">
            <g id="Shape_4">
                <g>
                <path d="M169.217,151.074c-2.088-20.866-29.861-35.239-62.04-32.095     c-32.171,3.145-56.568,22.611-54.478,43.479c2.09,20.876,29.865,35.248,62.039,32.11     C146.916,191.425,171.303,171.957,169.217,151.074z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;"/>
            </g></g>
        </g><g id="Shape_3_1_" style="enable-background:new    ;">
            <g id="Shape_3"><g><path d="M179.092,125.276c-2.738-0.812-4.615-1.361-3.18-4.917     c3.104-7.715,3.425-14.372,0.059-19.121c-6.311-8.908-23.572-8.427-43.359-0.239c0-0.011-6.212,2.687-4.625-2.184     c3.044-9.67,2.585-17.771-2.151-22.444c-10.736-10.616-39.284,0.399-63.764,24.585c-18.333,18.12-28.979,37.325-28.979,53.928     c0,31.76,41.215,51.07,81.536,51.07c52.858,0,88.019-30.345,88.019-54.443C202.648,136.952,190.239,128.692,179.092,125.276z      M114.738,194.569c-32.174,3.138-59.949-11.234-62.039-32.11c-2.09-20.868,22.307-40.335,54.478-43.479     c32.179-3.145,59.952,11.229,62.04,32.095C171.303,171.957,146.916,191.425,114.738,194.569z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#CD201F;"/></g></g></g><g id="Shape_2_1_" style="enable-background:new    ;"><g id="Shape_2"><g><path d="M117.572,134.441c-15.319-3.905-32.636,3.573-39.29,16.802     c-6.777,13.483-0.225,28.456,15.254,33.354c16.032,5.063,34.93-2.701,41.5-17.255     C141.516,153.107,133.426,138.454,117.572,134.441z M105.874,168.889c-3.115,4.863-9.783,6.996-14.806,4.749     c-4.949-2.204-6.411-7.861-3.296-12.604c3.076-4.729,9.52-6.834,14.505-4.785C107.321,158.354,108.931,163.969,105.874,168.889z      M116.131,155.985c-1.125,1.887-3.615,2.794-5.565,2.007c-1.917-0.772-2.518-2.878-1.429-4.735     c1.122-1.844,3.513-2.744,5.427-1.999C116.508,151.952,117.206,154.086,116.131,155.985z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#232323;"/></g></g></g><g id="Shape_1_1_" style="enable-background:new    ;"><g id="Shape_1"><g><path d="M212.111,67.308c-12.48-14.403-30.891-19.894-47.882-16.133     h-0.007c-3.932,0.876-6.438,4.901-5.598,8.986c0.839,4.089,4.706,6.701,8.639,5.829c12.088-2.672,25.168,1.236,34.043,11.467     c8.863,10.23,11.271,24.185,7.475,36.416l0.002,0.004c-1.236,3.986,0.856,8.247,4.689,9.535c3.817,1.288,7.922-0.891,9.16-4.864     c0-0.008,0-0.022,0.003-0.03C227.965,101.311,224.595,81.696,212.111,67.308z M169.621,77.464     c-3.383,0.751-5.54,4.218-4.815,7.743c0.726,3.51,4.052,5.767,7.429,5.001v0.007c4.048-0.89,8.436,0.409,11.404,3.831     c2.975,3.43,3.773,8.104,2.497,12.203h0.007c-1.061,3.422,0.738,7.103,4.03,8.214c3.292,1.097,6.823-0.773,7.884-4.203     c2.603-8.383,0.977-17.936-5.111-24.95C186.871,78.296,177.901,75.632,169.621,77.464z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#DD880C;"/></g></g></g></svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share Installation | Update on linkedin"
        href="https://www.linkedin.com/shareArticle?mini=true&amp;url=http%3a%2f%2fzouheng22.gitee.io%2fflippedzh%2fposts%2fpapermod%2fpapermod-installation%2f&amp;title=Installation%20%7c%20Update&amp;summary=Installation%20%7c%20Update&amp;source=http%3a%2f%2fzouheng22.gitee.io%2fflippedzh%2fposts%2fpapermod%2fpapermod-installation%2f">
    
        <svg id="douyin" t="1570181112474" class="icon" viewBox="0 0 1024 1024" version="1.1"
          xmlns="http://www.w3.org/2000/svg" p-id="2916" width="128" height="128">
          <path
            d="M937.386667 423.850667a387.84 387.84 0 0 1-232.874667-77.824v352.341333C704.512 878.250667 565.930667 1024 394.922667 1024S85.333333 878.250667 85.333333 698.368c0-179.882667 138.581333-325.632 309.589334-325.632 17.066667 0 33.706667 1.450667 49.92 4.266667v186.624a131.754667 131.754667 0 0 0-48.64-9.216c-76.288 0-138.154667 65.024-138.154667 145.322666 0 80.213333 61.866667 145.322667 138.24 145.322667 76.202667 0 138.069333-65.109333 138.069333-145.322667V0h172.714667c0 134.485333 103.68 243.541333 231.594667 243.541333v180.309334h-1.28"
            p-id="2917"></path>
        </svg>

    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share Installation | Update on reddit"
        href="https://www.linkedin.com/shareArticle?mini=true&amp;url=http%3a%2f%2fzouheng22.gitee.io%2fflippedzh%2fposts%2fpapermod%2fpapermod-installation%2f&amp;title=Installation%20%7c%20Update&amp;summary=Installation%20%7c%20Update&amp;source=http%3a%2f%2fzouheng22.gitee.io%2fflippedzh%2fposts%2fpapermod%2fpapermod-installation%2f">
        <svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m437 0h-362c-41.398438 0-75 34.601562-75 76v361c0 41.398438 33.601562 75 75 75h362c41.398438 0 75-33.601562 75-75v-361c0-41.398438-33.601562-76-75-76zm0 0" fill="#25d9f8"/><path d="m512 76v361c0 41.398438-33.601562 75-75 75h-181v-512h181c41.398438 0 75 34.601562 75 76zm0 0" fill="#00c0f1"/><g fill="#ececf1"><path d="m121 196h60v211h-60zm0 0"/><path d="m121 106h60v60h-60zm0 0"/><path d="m391 275.800781v131.199219h-60v-121c0-16.5-13.5-30-30-30s-30 13.5-30 30v121h-60v-211h60v11.398438c15.601562-5.097657 25.800781-11.398438 45-11.398438 40.800781 0 75 36.597656 75 79.800781zm0 0"/></g><path d="m391 275.800781v131.199219h-60v-121c0-16.5-13.5-30-30-30s-30 13.5-30 30v121h-15v-211h15v11.398438c15.601562-5.097657 25.800781-11.398438 45-11.398438 40.800781 0 75 36.597656 75 79.800781zm0 0" fill="#e2e2e7"/></svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share Installation | Update on facebook"
        href="https://facebook.com/sharer/sharer.php?u=http%3a%2f%2fzouheng22.gitee.io%2fflippedzh%2fposts%2fpapermod%2fpapermod-installation%2f">
        <svg version="1.1" viewBox="0 0 512 512" xml:space="preserve">
            <path
                d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-106.468,0l0,-192.915l66.6,0l12.672,-82.621l-79.272,0l0,-53.617c0,-22.603 11.073,-44.636 46.58,-44.636l36.042,0l0,-70.34c0,0 -32.71,-5.582 -63.982,-5.582c-65.288,0 -107.96,39.569 -107.96,111.204l0,62.971l-72.573,0l0,82.621l72.573,0l0,192.915l-191.104,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Z" />
        </svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share Installation | Update on whatsapp"
        href="https://weixin.qq.com/">
        <svg height="512pt" viewBox="0 -45 512 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m138.667969 96h-21.335938v21.332031h21.335938zm0 0"/><path d="m245.332031 96h-21.332031v21.332031h21.332031zm0 0"/><path d="m320 224h-21.332031v21.332031h21.332031zm0 0"/><path d="m426.667969 224h-21.335938v21.332031h21.335938zm0 0"/><path d="m469.332031 422.535156-65.730469-32.800781c-13.398437 3.269531-27.140624 4.925781-40.933593 4.933594-82.402344 0-149.335938-57.46875-149.335938-128 0-70.535157 66.933594-128 149.335938-128 82.398437 0 149.332031 57.464843 149.332031 128 0 33.867187-15.066406 65.464843-42.667969 89.464843zm-63.332031-55.46875 42 21.066406v-42l4-3.199218c24.933594-20.265625 38.667969-47.332032 38.667969-76.265625 0-58.800781-57.46875-106.667969-128-106.667969-70.535157 0-128 47.867188-128 106.667969 0 58.796875 57.464843 106.664062 128 106.664062 13.324219.019531 26.597656-1.730469 39.464843-5.199219zm0 0"/><path d="m64 326.535156v-63.335937c-40.800781-28.53125-64-69.734375-64-113.867188 0-82.398437 81.332031-149.332031 181.332031-149.332031s181.335938 66.933594 181.335938 149.332031l-21.335938.402344v-.402344c0-70.53125-71.730469-128-160-128-88.265625 0-160 57.46875-160 128 0 38.535157 21.601563 74.667969 59.203125 99.203125l4.796875 3.199219v40.398437l43.601563-21.734374 3.867187.933593c29.613281 7.433594 60.539063 7.980469 90.398438 1.601563l4.535156 20.800781c-31.761719 6.785156-64.625 6.511719-96.269531-.800781zm0 0"/></svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share Installation | Update on telegram"
        href="https://telegram.me/share/url?text=Installation%20%7c%20Update&amp;url=http%3a%2f%2fzouheng22.gitee.io%2fflippedzh%2fposts%2fpapermod%2fpapermod-installation%2f">
        <svg version="1.1" xml:space="preserve" viewBox="2 2 28 28">
            <path
                d="M26.49,29.86H5.5a3.37,3.37,0,0,1-2.47-1,3.35,3.35,0,0,1-1-2.47V5.48A3.36,3.36,0,0,1,3,3,3.37,3.37,0,0,1,5.5,2h21A3.38,3.38,0,0,1,29,3a3.36,3.36,0,0,1,1,2.46V26.37a3.35,3.35,0,0,1-1,2.47A3.38,3.38,0,0,1,26.49,29.86Zm-5.38-6.71a.79.79,0,0,0,.85-.66L24.73,9.24a.55.55,0,0,0-.18-.46.62.62,0,0,0-.41-.17q-.08,0-16.53,6.11a.59.59,0,0,0-.41.59.57.57,0,0,0,.43.52l4,1.24,1.61,4.83a.62.62,0,0,0,.63.43.56.56,0,0,0,.4-.17L16.54,20l4.09,3A.9.9,0,0,0,21.11,23.15ZM13.8,20.71l-1.21-4q8.72-5.55,8.78-5.55c.15,0,.23,0,.23.16a.18.18,0,0,1,0,.06s-2.51,2.3-7.52,6.8Z" />
        </svg>
    </a>
</div>

  </footer>
</article>
    </main>
    <footer class="footer">
    <span>&copy; 2021 <a href="http://zouheng22.gitee.io/flippedzh">flipped</a></span>
    <span>
        Powered by
        <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
        <a href="https://git.io/hugopapermod" rel="noopener" target="_blank">PaperMod</a>
    </span>
</footer>
<a href="#top" aria-label="go to top" title="Go to Top (Alt + G)">
    <button class="top-link" id="top-link" type="button" accesskey="g">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor">
            <path d="M12 6H0l6-6z" />
        </svg>
    </button>
</a>

<script>
    let menu = document.getElementById('menu')
    menu.scrollLeft = localStorage.getItem("menu-scroll-position");
    menu.onscroll = function () {
        localStorage.setItem("menu-scroll-position", menu.scrollLeft);
    }

    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener("click", function (e) {
            e.preventDefault();
            var id = this.getAttribute("href").substr(1);
            if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
                    behavior: "smooth"
                });
            } else {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
            }
            if (id === "top") {
                history.replaceState(null, null, " ");
            } else {
                history.pushState(null, null, `#${id}`);
            }
        });
    });

</script>
<script>
    var mybutton = document.getElementById("top-link");
    window.onscroll = function () {
        if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800) {
            mybutton.style.visibility = "visible";
            mybutton.style.opacity = "1";
        } else {
            mybutton.style.visibility = "hidden";
            mybutton.style.opacity = "0";
        }
    };

</script>
<script>
    document.getElementById("theme-toggle").addEventListener("click", () => {
        if (document.body.className.includes("dark")) {
            document.body.classList.remove('dark');
            localStorage.setItem("pref-theme", 'light');
        } else {
            document.body.classList.add('dark');
            localStorage.setItem("pref-theme", 'dark');
        }
    })

</script>
<script>
    document.querySelectorAll('pre > code').forEach((codeblock) => {
        const container = codeblock.parentNode.parentNode;

        const copybutton = document.createElement('button');
        copybutton.classList.add('copy-code');
        copybutton.innerText = 'copy';

        function copyingDone() {
            copybutton.innerText = 'copied!';
            setTimeout(() => {
                copybutton.innerText = 'copy';
            }, 2000);
        }

        copybutton.addEventListener('click', (cb) => {
            if ('clipboard' in navigator) {
                navigator.clipboard.writeText(codeblock.textContent);
                copyingDone();
                return;
            }

            const range = document.createRange();
            range.selectNodeContents(codeblock);
            const selection = window.getSelection();
            selection.removeAllRanges();
            selection.addRange(range);
            try {
                document.execCommand('copy');
                copyingDone();
            } catch (e) { };
            selection.removeRange(range);
        });

        if (container.classList.contains("highlight")) {
            container.appendChild(copybutton);
        } else if (container.parentNode.firstChild == container) {
            
        } else if (codeblock.parentNode.parentNode.parentNode.parentNode.parentNode.nodeName == "TABLE") {
            
            codeblock.parentNode.parentNode.parentNode.parentNode.parentNode.appendChild(copybutton);
        } else {
            
            codeblock.parentNode.appendChild(copybutton);
        }
    });
</script>
</body>

</html>
